<template>
  <!--复制计划-->
  <div class="copyplan dialg" v-if="layershow">
      <div class="dialog_text copyplanlayerbox">
            <el-row class="title p_l12 p_r12">
                <el-col :span="20">复制计划</el-col>
                <el-col :span="4" class="t_right"><span><img class="close pointer" @click="closeFn" src="@/assets/img/plan/layerclose.png"></span></el-col>
            </el-row>
            <el-row class="p12">
                <div class="p12 broder_1d height200">
                    <div class="dialog_info" v-bind:class="[ (index+1)%2===0 ? 'bg_fa': '']" v-for="(itme, index) in info" :key=index>
                        <span>{{itme.one}}</span>
                        <span>{{itme.two}}</span>
                        <span>{{itme.three}}</span>
                        <span>{{itme.fore}}</span>
                    </div>
                </div>
                <el-row class="t_right line_height37 font_12">一共2条数据</el-row>
                <el-row class="t_right font_12">
                    <span class="copybtn" @click="copeFn">复制</span>
                    <span class="copybtn" @click="closeFn">取消</span>        
                </el-row>
            </el-row>      
      </div>   
  </div>

</template>

<script>
    export default {
      data () {
        return {
        //   layershow: true,
          msg:'',
          plans: this.planstatus,
          title: '',
          info: [
              {
                  one: "027-036期",
                  two: "第2期027-036",
                  three: "中",
                  fore: "139"
              },
              {
                  one: "027-036期",
                  two: "第2期027-036",
                  three: "中",
                  fore: "139"
              },
              {
                  one: "027-036期",
                  two: "第2期027-036",
                  three: "中",
                  fore: "139"
              },
              {
                  one: "027-036期",
                  two: "第2期027-036",
                  three: "中",
                  fore: "139"
              }
          ]
        }
      },
      props: {
          layershow: {
              type: Boolean,
              default: 'false'
          }
      },
    created () {
              
    },
    
      methods: {
       copeFn(){
           this.$toast({
               message: '复制成功！'
           })
           this.layershow = false
       },
       closeFn(){
           this.layershow = false
       }
      },
    }
</script>

<style lang="less" scoped>
  @import url(../../assets/css/public.less);
  @import url(../../assets/css/plan/planlayer.less);
  @import url(../../assets/css/plan/planpublic.less);
 
  .dialog_info{
      line-height: 0.25rem;
  }
  .dialog_info span{
      margin-right: 0.05rem;
  }
  .title{
      width: 100%;
      height: 0.5rem;
      line-height: 0.5rem;
      background-color: #F5F5F5;

  }
  .bg_fa{
      background-color: #FAFAFA;
  }
</style>
